import React, { useState, useEffect } from 'react';
import axios from 'axios';
// 基本的骨架，源地址 https://www.robinwieruch.de/react-hooks-fetch-data
function App() {
  const [data, setData] = useState({ hits: [] });

  useEffect(() => {
    const fetchData = async () => {
      const result = await axios(
        'https://hn.algolia.com/api/v1/search?query=redux',
      );
 
      setData(result.data);
    };
 
    fetchData(); // 这里必须给他一个函数去处理async，然后底部再请求
  }, []);

  return (
    <ul>
      {data.hits.map(item => (
        <li key={item.objectID}>
          <a href={item.url}>{item.title}</a>
        </li>
      ))}
    </ul>
  );
}

export default App;